@font-face{
        font-family: 'NotoSerif-Bold-webfont';
        src: url('police/notoserif_bold_macroman/NotoSerif-Bold-webfont.eot');
        src: url('police/notoserif_bold_macroman/NotoSerif-Bold-webfont.eot?iefix')  format('eot'),
             url('police/notoserif_bold_macroman/NotoSerif-Bold-webfont.woff')       format('woff'),
             url('police/notoserif_bold_macroman/NotoSerif-Bold-webfont.tff')        format('truetype'),
             url('police/notoserif_bold_macroman/NotoSerif-Bold-webfont.svg#webfont')format('svg');
              
 }
 /* Définition des polices personnalisées */

@font-face
{
    font-family: 'BallparkWeiner';
    src: url('police/ballpark.eot');
    src: url('police/ballpark.eot?#iefix') format('embedded-opentype'),
         url('police/ballpark.woff') format('woff'),
         url('police/ballpark.ttf') format('truetype'),
         url('police/ballpark.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Dayrom';
    src: url('police/dayrom.eot');
    src: url('police/dayrom.eot?#iefix') format('embedded-opentype'),
         url('police/dayrom.woff') format('woff'),
         url('police/dayrom.ttf') format('truetype'),
         url('police/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}
 /* Elements principaux de la page */
 


.part2{
position: relative;

    
background:#5AB6DA;
height: 500px;
width: :100%;

padding-right:150px;

margin: 0;

}






/*
  INSCRIPTION
*/
#Inscriptions,#connexion{
position: relative;
top:40px;

text-align: center;

}

#Inscriptions
{
    position: relative;
    text-align: center;
    left: 90px;
}

#forme_insc_membre,#parler_connect{

  position:relative;
background-color:#fff;
width:200px;
height: 300px;

padding: 100px;
padding-top: 15px;
display: inline-block;
margin: 0;
padding-top: -20px;
top: 0px;
text-align: center;
}
#forme_insc_membre{
    top:-19px;
}

#forme_insc_membre input{
border: 1px solid #56A2C6;
}
#forme_insc_membre select{
border: 1px solid #56A2C6;
}
#forme_insc_prof,#forme_membre{
    position:relative;
background-color:#fff;
width:200px;
height: 300px;

padding: 100px;
padding-top: 15px;
display: inline-block;
margin: 0;
top:0px;
left: -10px;
border-left: 1px solid #56A2C6;
text-align: center;
}



#forme_insc_prof input{
border: 1px solid #56A2C6;
}
#forme_insc_prof select{
border: 1px solid #56A2C6;
}
.horizon, .validey{
  margin: 15px;
display: block;
width: 200px;
height: 30px;

}


.validey{
width: 203px;
border:1px solid #56A2C6;
color:#56A2C6;
background-color: #f7feff;
font-size: 15px;
border-radius: 10px;
}
.defun,.defde{
  position: absolute;
top:-5px;
}


/*
CONNEXION
*/
#Connexion{




text-align: center;

}

#connecteur{

  
  float: left;
background-color: #f7feff;
width:600px;
height: 300px;

padding: 100px;
padding-top: 15px;
display: inline-block;
margin: 0;
padding-top: -20px;
    
}

.disposition{
    
    display: inline-block;
}

.contener_membre{
position: relative;
    border: 2px solid #a5cbde;
    height: 20px;
    width: 100px;
    text-align: center;
    padding-top:10px;
    padding-bottom:5px;
    top:-10px;
    color: #a5cbde;
    left: 50px;
    border-radius: 10px ;
}
.contener_membre:hover{
    border:2px solid #2c3e50;
    color:#2c3e50;
}
#position_lien{
    position: relative;
    left: 20px;
}